    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>复习</title>
        <style>
            *{
                margin: 0;
                padding: 0;
                list-style: none;
            }

            ul{
                /*display:block;*/
                margin: 100px auto;
                width: 800px;
                height: 1100px;
            }
            li{
                float: left;
                margin-right: 20px;
            }
            li img{
                height: 222px;
                width: 149px;
                box-sizing: border-box;
                border-radius: 60px/40px;
            }
            li:hover img{
                border: 2px solid #aa453b;
            }
        </style>
    </head>
    <body>
    <ul>
        <li><img src="img/11.jpg" alt=""></li>
        <li> <img src="img/22.jpg" alt=""></li>
        <li><img src="img/33.jpg" alt=""></li>
        <li> <img src="img/44.jpg" alt=""></li>
    </ul>



    </body>

    </html>